<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta content="telephone=no,email=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>会员中心</title>
<!-- 公用样式css -->
<link href="css/base.css?v=4.0" rel="stylesheet" type="text/css" />
<!-- 界面引入css -->
<link href="css/interests-member.css?v=4.0" rel="stylesheet" type="text/css" />
<!-- ui框架引入css -->
<link href="css/weui.min.css?v=4.0" rel="stylesheet" type="text/css" />
<link href="css/jquery-weui.min.css?v=4.0" rel="stylesheet" type="text/css" />
</head>

<body>
<!-- 	<header class="header">
        <div class="header-center word5 "><a class="header-arrow">会员中心</a></div>
        <div class="header-right"></div>
    </header> -->
<div class="main bot60" style="background:#f0f0f0;">
	<div class="banner-bg1">
      <div class="means">
	      <a href="home/setUp"><img class="means-img" src="images/icon16.png" width="26" height="26" /></a>
	     <%-- <a href="<%=basePath%>/home/newMes"><img class="means-img2" src="images/icon15.png" width="26" height="26" /></a>--%>
      </div>
   	  <li class="member-left"><img class="portrait" src="${userImg}" onerror="this.src='images/defaultHead.png'"/></li>
      	<!-- <a href="home/interestsMember" class="wor-colour9"> -->
        <ul class="member-right">
            <li><span class="word7">${userName}</span>
            <!-- 根据会员等级替换 -->
            <c:if test="${result.MemberGrade==0}">
             <img class="level-img" src="images/icon5.png" />
            </c:if>
            <c:if test="${result.MemberGrade==1}">
             <img class="level-img" src="images/icon5.png" />
            </c:if>
            <c:if test="${result.MemberGrade==2}">
             <img class="level-img" src="images/icon6.png" />
            </c:if>
            <c:if test="${result.MemberGrade==3}">
             <img class="level-img" src="images/icon6.png" />
            </c:if>
            <c:if test="${result.MemberGrade==4}">
             <img class="level-img" src="images/icon7.png" />
            </c:if>
            <c:if test="${result.MemberGrade==5}">
             <img class="level-img" src="images/icon7.png" />
            </c:if>
            </li>
            <li><span class="word4 mar-a">${result.MemberTypeName}</span><span class="word4">尊享权益</span><span></span></li>
            <li><span class="word4 mar-a">余额：${result.AccountBalance}</span><span class="word4">积分：${result.Integral}</span><span></span></li>
            <li class="votebox" >
                <dl class="barbox">
                    <dd class="barline">
                        <div w="${result.MemberGrade}" max="${result.MemberTopGrade}" style="width:0px;" class="charts"></div>
                    </dd>
                </dl>
            </li>
        </ul>
        <!-- </a> -->
    </div>
    <div class="legal-all">
        <ul class="legal-content1">
            <li><a href="<%=basePath%>order/getAllOrderList?ordState=1000" class="wor-colour8"><img src="images/icon28.png" width="36" height="36" /><p class="marg2">全部订单</p></a></li>
            <li><span class="cue word1">${result.PendingPayment}</span><a href="<%=basePath%>order/getAllOrderList?ordState=0" class="wor-colour8"><img src="images/icon29.png" width="36" height="36" /><p class="marg2">待付款</p></a></li>
            <li><span class="cue word1">${result.PendingCheckIn}</span><a href="<%=basePath%>order/getAllOrderList?ordState=1" class="wor-colour8"><img src="images/icon30.png" width="36" height="36" /><p class="marg2">待入住</p></a></li>
            <li><span class="cue word1">${result.ToBeShipped}</span><a href="<%=basePath%>order/getAllOrderList?ordState=2" class="wor-colour8"><img src="images/icon31.png" width="36" height="36" /><p class="marg2">待评价</p></a></li>
        </ul>
    </div>
    <div class="legal-all marg4">
        <ul class="legal-content1">
            <li><a href="<%=basePath%>coupon/getCouponList" class="wor-colour8"><img src="images/icon32.png" width="40" height="40" /><p class="marg2">券 包</p><p class="wor-colour1">优惠券/免房券</p></a></li>
            <li><a href="javascript:;" class="wor-colour8"><img src="images/icon33.png" width="40" height="40" /><p class="marg2">礼 包</p><p class="wor-colour1">第三方礼券</p></a></li>
            <li><a href="javascript:;" class="wor-colour8"><img src="images/icon34.png" width="40" height="40" /><p class="marg2">积 分</p><p class="wor-colour1">余额0</p></a></li>
        </ul>
    </div>
    <a href="member/getMemCheckInList?memKey=${sessionScope.memKey}" class="wor-colour8">
    <ul class="member-list marg4">
        <li class="float-l word4">常用信息</li>
        <li class="float-r wor-colour1">入住人/发票/地址</li>
    </ul>
    </a>
    <a href="home/collection?memKey=${sessionScope.memKey}" class="wor-colour8">
    <ul class="member-list">
        <li class="float-l word4">我的收藏</li>
        <li class="float-r wor-colour1">酒店</li>
    </ul>
    </a>
    <a href="member/evaluate?memKey=${sessionScope.memKey}" class="wor-colour8">
    <ul class="member-list">
        <li class="float-l word4">我的点评</li>
        <li class="float-r wor-colour1">酒店点评</li>
    </ul>
    </a>
</div>
<!-- footer -->
<footer class="footer1">
	<div class="weui-tabbar">
        <a href="home/index" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img src="images/icon/home.png" alt="">
          </div>
          <p class="weui-tabbar__label">酒店预订</p>
        </a>
        <a href="member/getMemQRCode" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img src="images/icon/code.png" alt="">
          </div>
          <p class="weui-tabbar__label">我的二维码</p>
        </a>
        <a href="order/getAllOrderList?ordState=1000" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img src="images/icon/order.png" alt="">
          </div>
          <p class="weui-tabbar__label">我的订单</p>
        </a>
        <a href="member/memberCenter" class="weui-tabbar__item weui-bar__item--on">
          <div class="weui-tabbar__icon">
            <img src="images/icon/user-sel.png" alt="">
          </div>
          <p class="weui-tabbar__label">个人中心</p>
        </a>
      </div>
</footer>
</body>
<script src="js/jquery.min.js" type="text/javascript"></script>
		<script language="javascript">
        function animate(){
            $(".charts").each(function(i,item){
                var a=parseInt($(item).attr("w"));
                var max=parseInt($(item).attr("max"));
                if(max>0){
	                $(item).animate({
	                    width: a/max*100+"%"
	                },1000);
                }
            });
        }
        animate();
        </script>

        
</html>
